<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/3/16
  Time: 15:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../css/company.css">
</head>
<script>
    //window.onload在页面加载使执行方法
    window.onload = function () {
        lunbo();
    }

    function lunbo() {
        let product = document.getElementById("product");//通过id得到对象，这个对象是唯一
        let ul = product.getElementsByTagName("ul")[0];//通过标签得到对象，
        let li = ul.getElementsByTagName("li");//得到ul里面所有li的对象

        ul.innerHTML = ul.innerHTML + ul.innerHTML;//为了使轮播连续，所以需要将ul变成两个内容，使连续播放
        ul.style.width = li[0].offsetWidth * li.length + "px";//offsetWidth实际宽度
        setInterval(function () {
            if (ul.offsetLeft < -ul.offsetWidth / 2) {//刚好向左移动走完一次
                ul.style.left = "0";//即显示我们的ul为0，重新再次走
            }
            ul.style.left = ul.offsetLeft - 10 + "px";
        }, 100);

    }
</script>
<body>
<jsp:include page="top.jsp"></jsp:include>
<div class="company">
    <div class="company-news">
        <div class="company-news-title">
            公司介绍<%=session.getAttribute("aa")%>
        </div>
        <div class="company-news-content">
            <p>
                星语餐饮有限公司创建于1997年,公司总部位于全国卫生城市--南京市。(位于中国 “黄金水道”一长江 下游南岸江苏省境内，处于中国沿江及沿海两大经济带的
                交汇处，上海、南京苏州、无锡等大中城市环列四周，距上海98公里、苏州58公里、 无锡40公里、 常州70公里、 南通30公里、南京200公里，距虹桥机场98公里，浦东机
                场150公里，南京禄口机场200公里。)
            </p>
            <p>
                星语餐厅是一家家式大众餐厅, 以星语系列特色菜及盱眙龙虾为主流，兼营冷菜热菜、酒饮茶等食品，是家庭休闲，商务简餐,朋友小聚，情侣约会，生日聚会的
                理想处所。餐厅装饰简约时尚，苏州园林文化浓郁。
            </p>
        </div>
    </div>
    <div class="company-product" id="product">
        <ul>
            <li><img src="../img/33_6atw.jpg" height="300" width="300"/></li>
            <li><img src="../img/34_fslw.jpg" height="300" width="300"/></li>
            <li><img src="../img/43_wkob.jpg" height="300" width="300"/></li>
            <li><img src="../img/44_pjh7.jpg" height="300" width="300"/></li>
            <li><img src="../img/45_935i.jpg" height="300" width="300"/></li>
        </ul>
    </div>

</div>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
